import { Points } from './jsx/allLiveEditors'

# Points

`<Points />` renders a cloud of points sharing a single point size and color.

## Props

| Name       | Type      | Default | Description                      |
| ---------- | --------- | ------- | -------------------------------- |
| `children` | `Point[]` | `[]`    | array of Point markers to render |

### Point

```js
type Point = {
  id?: number, // positive integer
  pose: {
    position: { x: number, y: number, z: number },
    orientation: { x: number, y: number, z: number, w: number }
  }
  scale: {
    x: number,
    y: number,
    z: number,
  },
  color: {
    r: number, // between 0 and 1
    g: number, // between 0 and 1
    b: number, // between 0 and 1
    a: number, // between 0 and 1
  },
  points: [{ x: number, y: number, z: number } | [ number, number, number ]] ,
}
```

<Points />
